<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <script src="js/jquery.js"></script>
</head>
<body>

<div id="app"></div>
<input type="button" onclick="btnClick1()" value="cors1 GET">
<input type="button" onclick="btnClick2()" value="cors1 POST">
<hr>

<input type="button" onclick="btnClick3()" value="cors2 GET">
<input type="button" onclick="btnClick4()" value="cors2 POST">
<hr>

<input type="button" onclick="btnClick5()" value="cors3 GET">
<input type="button" onclick="btnClick6()" value="cors3 POST">
<hr>

<script>
    function btnClick1() {
        $.get("http://localhost:9999/cors1/get/hello",function (msg) {
            alert(msg);
        })
    }

    function btnClick2() {
        $.post('http://localhost:9999/cors1/post/hello', function (msg) {
            alert(msg);
        });
    }

    function btnClick3() {
        $.get("http://localhost:9999/cors2/get/hello",function (msg) {
            alert(msg);
        })
    }

    function btnClick4() {
        $.post('http://localhost:9999/cors2/post/hello', function (msg) {
            alert(msg);
        });
    }

    function btnClick5() {
        $.get("http://localhost:9999/cors3/get/hello",function (msg) {
            alert(msg);
        })
    }

    function btnClick6() {
        $.post('http://localhost:9999/cors3/post/hello', function (msg) {
            alert(msg);
        });
    }
</script>

</body>
</html>